<!-- task-add.vue -->
<template>
    <div class="wrapper">
        <index-header></index-header>
        <div class="layout">
            <div class="container">
                <form class="form-horizontal" name="taskForm">
                    <div class="form-group">
                        <label class="col-sm-3 col-xs-3 control-label">任务标题</label>
                        <div class="col-sm-9 col-xs-9">
                            <!--  <input type="text" v-model='task-title' class="form-control"  required />
                            -->
                            <input type="text" class="form-control" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 col-xs-3 control-label">任务内容</label>
                        <div class="col-sm-9 col-xs-9">
                            <textarea class="form-control col-sm-10" rows="3"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 col-xs-3 control-label">抄送人</label>
                        <div class="col-sm-9 col-xs-9">
                            <input type="text" class="form-control" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 col-xs-3 control-label">优先级</label>
                        <!-- <div class="col-sm-9 col-xs-9" id="task-order">
                        <select name="" class="form-control" v-model="selected">
                            <option v-for="option in options" :value="option.value">{{ option.text }}</option>
                        </select>
                        <span>Selected: {{ selected }}</span>
                    </div>
                    -->
                </div>
                <div class="form-group">
                    <label class="col-sm-3 col-xs-3 control-label">需求时间</label>
                    <div class="col-sm-9 col-xs-9">
                        <input type="date" class="form-control" id="datatime" />
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 col-xs-3 control-label">数据类型</label>
                    <!-- <div class="col-sm-9 col-xs-9" id="task-type">
                    <select name="" class="form-control" v-model="selected">
                        <option v-for="option in options" :value="option.value">{{ option.text }}</option>
                    </select>
                </div>
                -->
            </div>
            <div class="form-group" id="checkGames">
                <label class="col-sm-3 col-xs-3 control-label">所属游戏</label>
                <div class="checkbox col-sm-9 col-xs-9" >
                    <div class="checkbox pull-left">
                        <label for="sg1">
                            <input class="styled" value="sg1" name="task-game-name" type="checkbox" id="sg1" />
                            三国威力加强版
                        </label>
                    </div>
                    <div class="checkbox pull-left">
                        <label for="wlwz">
                            <input class="styled" value="wlwz" name="task-game-name" type="checkbox" id="wlwz" />
                            武林外传
                        </label>
                    </div>
                    <div class="checkbox pull-left">
                        <label>
                            <input class="styled" value="zyzj" name="task-game-name" type="checkbox" />
                            赵云战纪
                        </label>
                    </div>
                    <div class="checkbox pull-left">
                        <label>
                            <input class="styled" value="pkq" name="task-game-name" type="checkbox" />
                            皮卡丘
                        </label>
                    </div>
                    <div class="checkbox pull-left">
                        <label for="sg2">
                            <input class="styled" value="sg2" name="task-game-name" type="checkbox" />
                            三国2
                        </label>
                    </div>
                    <!--以下仅为测试-->
                    <!--  <div class="clear"></div>
                <span>Checked names: {{ checkedNames }}</span>
                -->
                <!--以上仅为测试--> </div>
        </div>
        <div class="form-group">
            <label class="col-sm-3 col-xs-3 control-label">&nbsp;</label>
            <div class="checkbox col-sm-9 col-xs-9">
                <button type="submit" class="btn btn-success"> <i class="fa fa-check"></i>
                    确定
                </button>
            </div>
        </div>
    </form>
</div>
</div>
<all-footer></all-footer>
</div>
</template>
<script>
import IndexHeader from '../components/common/IndexHeader'
import allFooter from '../components/common/AllFooter'
    export default {
        data(){
            return{
                items:[]
            }
        },
        components: {
            IndexHeader,
            allFooter
        }
    }
</script>
